<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>郑宏扬的简历</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      content="A premium personal template by Mannatthemes"
      name="description"
    />
    <meta content="Mannatthemes" name="author" />

    <!-- App favicon -->
    <link rel="shortcut icon" href="images/favicon.ico" />

    <link
      href="plugins/filter/magnific-popup.css"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="plugins/animated/headline.css"
      rel="stylesheet"
      type="text/css"
    />

    <!-- App css -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="css/icons.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
  </head>

  <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-navbar">
      <div class="container">
        <a class="navbar-brand" href="#"
          ><i class="uil uil-cell text-primary"></i>简历</a
        >
        <button
          class="navbar-toggler"
          type="button"
          data-toggle="collapse"
          data-target="#nav"
          aria-controls="nav"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <!--end navbar-toggler-->

        <div class="collapse navbar-collapse" id="nav">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="btn btn-blue btn-sm px-4" href="#" id="lnkPrint"
                ><i class="'uil uil-print mr-1 font-16"></i>打印</a
              >
            </li>
          </ul>
        </div>
        <!--end collapse-->
      </div>
      <!--end container-->
    </nav>
    <!--end nav-->

    <div class="main-wraper">
      <section class="section bg-profile" id="profile_ripple">
        <div class="zoo-profile">
          <div class="container">
            <div class="row">
              <div class="col-sm-6 col-print-6 align-self-center mb-3 mb-lg-0">
                <div class="zoo-profile-main">
                  <div class="zoo-profile-main-pic">
                    <img
                      src="images/users/user-4.jpg"
                      alt=""
                      class="rounded-circle"
                    />
                    <span class="zoo-user-message">
                      <i class="uil uil-comment-dots"></i>
                    </span>
                  </div>
                  <!--end zoo-profile-main-pic-->
                  <div class="zoo-profile_user-detail">
                    <h5 class="zoo-user-name">郑宏扬</h5>
                    <p class="cd-headline loading-bar">
                      <span class="cd-words-wrapper">
                        <b class="is-visible">cocos creator</b>
                        <b>小游戏开发</b>
                        <b>前端</b>
                      </span>
                    </p>
                  </div>
                  <!--end zoo-profile_user-detail-->
                </div>
                <!--end profile-main-pic-->
              </div>
              <!--end col-->
              <div class="col-sm-4 col-print-4 ml-auto">
                <ul class="list-unstyled personal-detail">
                  <li>
                    <i class="'uil uil-phone-volume mr-2"></i> <b> 手机 </b> :
                    15889239701/13692567744
                  </li>
                  <li class="mt-2">
                    <i class="uil uil-envelope mt-2 mr-2"></i> <b> 邮箱 </b> :
                    zhenghy_f2e@163.com
                  </li>
                </ul>
                <!--end personal-detail-->
                <ul class="list-inline social-icon mb-0">
                  <li class="list-inline-item">
                    <a href="#" class="bg-blue">
                      <i class="uil uil-facebook-f"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="bg-secondary">
                      <i class="uil uil-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="bg-pink">
                      <i class="uil uil-dribbble"></i>
                    </a>
                  </li>
                </ul>
                <!--end social-icon-->
              </div>
              <!--end col-->
            </div>
            <!--end row-->
          </div>
          <!--end container-->
        </div>
        <!--end zoo-profile-->
      </section>
      <!--end section-->

      <section class="section-md">
        <div class="container">
          <div class="row">
            <div class="col-12">
              <h4 class="header-title mb-3">关于我!</h4>
            </div>
            <!--end col-->
            <div class="col-sm-6 col-print-6">
              <!-- <h4 class="text-primary font-weight-bold">郑宏扬</h4> -->
              <h4 class="text-primary font-weight-bold"></h4>

              <p>熟练使用cocos creator游戏开发引擎;</p>
              <p>熟悉js，ts开发语言;</p>
              <p>熟练各平台sdk，包括微信，字节，OV，facebook，穿山甲，谷歌play等; </p>
              <p>熟悉小游戏框架的基本搭建;</p>
              <p>有较好小游戏的性能优化经验;</p>
              <p>掌握git/svn版本管理工具;</p>
              <p>熟悉Http/WebSocket等网络协议;</p>
              <p>熟悉常用的数据结构和算法;</p>
              <p>了解游戏开发的常用的思维模式和技巧;</p>

              <!-- <button type="button" class="btn btn-sm btn-soft-primary">
                下载简历
              </button> -->
            </div>
            <!--end col-->
            <div class="col-sm-5 col-print-5 offset-lg-1 align-self-center">
              <p>
                <span class="personal-detail-title">姓名</span>
                <span class="personal-detail-info">郑宏扬</span>
              </p>
              <p>
                <span class="personal-detail-title">生日</span>
                <span class="personal-detail-info">1993.10</span>
              </p>
              <p>
                <span class="personal-detail-title">籍贯</span>
                <span class="personal-detail-info">汕头</span>
              </p>
              <p>
                <span class="personal-detail-title">毕业院校</span>
                <span class="personal-detail-info">广东石油化工学院（2a本科）</span>
              </p>
              <p>
                <span class="personal-detail-title">专业</span>
                <span class="personal-detail-info">信息与计算科学</span>
              </p>
              <p>
                <span class="personal-detail-title">毕业时间</span>
                <span class="personal-detail-info"> 2017.7 </span>
              </p>
            </div>
            <!--end col-->
          </div>
          <!--end row-->
        </div>
        <!--end container-->
      </section>
      <!--end section-->

      <section class="section-md">
        <div class="container">
          <div class="row">
            <div class="col-12">
              <h4 class="header-title mb-3">学历 & 技能</h4>
            </div>
            <!--end col-->
            <div class="col-sm-6 col-print-6">
              <div class="row">
                <div class="col-sm-6 col-print-6">
                  <div class="resume-icon">
                    <i class="uil uil-graduation-hat"></i>
                    <h5 class="mt-n2">学历</h5>
                  </div>
                  <!--end resume-icon-->
                  <div class="timeline">
                    <div class="time-item">
                      <div class="item-info">
                        <div class="font-14">2010年-2013年</div>
                        <h5 class="my-1 text-dark">高中教育</h5>
                        <p>理科</p>
                      </div>
                    </div>
                    <div class="time-item">
                      <div class="item-info">
                        <div class="font-14">2013年-2017年</div>
                        <h5 class="my-1 text-dark">大学本科</h5>
                        <p>信息与计算科学专业</p>
                      </div>
                    </div>
                    <!--end time-item-->
                  </div>
                  <!--end timeline-->
                </div>
                <!--end col-->
                <div class="col-sm-6 col-print-6">
                  <div class="resume-icon">
                    <i class="uil uil-suitcase-alt"></i>
                    <h5 class="mt-n2">技能</h5>
                  </div>
                  <!--end resume-icon-->
                  <div class="timeline">
                    <div class="time-item">
                      <div class="item-info">
                        <div class="font-14">2016.12 - 2018.2</div>
                        <h5 class="my-1 text-dark">Web前端开发</h5>
                        <p>广州大娱信息科技有限公司</p>
                      </div>
                    </div>
                    <!--end time-item-->
                    <div class="time-item mt-3">
                      <div class="item-info">
                        <div class="font-14">2018.3 - 2020.3</div>
                        <h5 class="my-1 text-dark">cocos creator开发</h5>
                        <p>广州大娱信息科技有限公司</p>
                      </div>
                    </div>
                    <!--end time-item-->
                    <div class="time-item  mt-3">
                      <div class="item-info">
                        <div class="font-14">2020.3 - 至今</div>
                        <h5 class="my-1 text-dark">cocos creator开发</h5>
                        <p>广州牧游信息科技有限公司</p>
                      </div>
                    </div>
                    <!--end time-item-->
                  </div>
                  <!--end timeline-->
                </div>
                <!--end col-->
              </div>
              <!--end row-->
            </div>
            <!--end col-->
            <div class="col-sm-6 col-print-6 align-self-center">
              <div class="skills mt-4">
                <div class="skill-box">
                  <h4 class="skill-title">cocos creator</h4>
                  <div class="progress-line">
                    <span data-percent="78" style="width: 90%;">
                      <span class="percent-tooltip">90%</span>
                    </span>
                  </div>
                </div>
                <!--end skill-box-->
                <div class="skill-box">
                  <h4 class="skill-title">node.js</h4>
                  <div class="progress-line">
                    <span data-percent="90" style="width: 60%;">
                      <span class="percent-tooltip">60%</span>
                    </span>
                  </div>
                </div>
                <!--end skill-box-->
                <div class="skill-box">
                  <h4 class="skill-title">web前端</h4>
                  <div class="progress-line">
                    <span data-percent="80" style="width: 70%;">
                      <span class="percent-tooltip">70%</span>
                    </span>
                  </div>
                </div>
                <!--end skill-box-->
                <div class="skill-box">
                  <h4 class="skill-title">git &amp; svn</h4>
                  <div class="progress-line">
                    <span data-percent="95" style="width: 80%;">
                      <span class="percent-tooltip">80%</span>
                    </span>
                  </div>
                </div>
                <!--end skill-box-->
              </div>
              <!--end skill-->
            </div>
            <!--end col-->
          </div>
          <!--end row-->
        </div>
        <!--end container-->
      </section>
      <!--end section-->

      <section class="bg-funfact section-md">
        <div class="container">
          <div class="row justify-content-center" id="counter">
            <div class="col-sm-4 digit-counter">
              <div class="media">
                <i class="uil uil-cell text-warning mr-2 align-self-center"></i>
                <div class="media-body align-self-center">
                  <h3 class="mb-1">
                    <span class="counter-value" data-count="1500">10</span>+
                  </h3>
                  <h5 class="counter-name mt-0">项目经验</h5>
                </div>
              </div>
              <!--end media-->
            </div>
            <!--end col-->
            <div class="col-sm-4 digit-counter">
              <div class="media">
                <i
                  class="uil uil-smile text-success mr-2 align-self-center"
                ></i>
                <div class="media-body align-self-center">
                  <h3 class="mb-1">
                    <span class="counter-value" data-count="16">1</span>k
                  </h3>
                  <h5 class="counter-name mt-0">Happy Clients</h5>
                </div>
              </div>
              <!--end media-->
            </div>
            <!--end col-->
            <div class="col-sm-4 digit-counter">
              <div class="media">
                <i class="uil uil-trophy text-pink mr-2 align-self-center"></i>
                <div class="media-body align-self-center">
                  <h3 class="mb-1">
                    <span class="counter-value" data-count="21">1</span>
                  </h3>
                  <h5 class="counter-name mt-0">Awards Received</h5>
                </div>
              </div>
              <!--end media-->
            </div>
            <!--end col-->
          </div>
          <!--end row-->
        </div>
        <!--end container-->
      </section>
      <!--end section-->

      <section class="section-md my-work">
        <div class="container">
          <div class="row">
            <div class="col-12">
              <h4 class="header-title mb-3">工作经验</h4>
            </div>
            <!--end col-->
            <div class="col-sm-6 col-print-6 align-self-center">
              <div class="p-4">
                <div class="text-center">
                  <h2><i class="uil uil-feedback text-primary"></i></h2>
                </div>
                <!--end /div-->
                <div
                  id="carouselExampleFade2"
                  class="carousel slide"
                  data-ride="carousel"
                >
                  <div class="carousel-inner">
                    <div class="carousel-item">
                      <div class="text-center">
                        <p class="px-4">
                          赢在思维:
                          一个益智闯关类休闲游戏，具有独特的解密和脑力风暴的玩法，包含拉杆，传送门，电锯，毒液等多种道具元素，日活百万，火爆抖音；
                        </p>
                        <div>
                          <img
                            src="images/users/user-10.jpg"
                            alt=""
                            class="rounded-circle thumb-md mb-2"
                          />
                          <!-- <p class="mb-0 text-primary"><b>- Mary K. Myers</b></p>
                                                <small class="text-muted">CEO Facebook</small> -->
                        </div>
                      </div>
                    </div>
                    <!--end carousel-item-->
                    <div class="carousel-item active">
                      <div class="text-center">
                        <p class="px-4">
                          养个神仙玩儿/我在三国是首富/全民修仙录/修闲工厂:
                          放置类的数值养成小游戏，主线为不断点击升级来提高赚钱效率；副线有打怪历练，任务系统，丹药系统等
                        </p>
                        <div>
                          <img
                            src="images/users/user-5.jpg"
                            alt=""
                            class="rounded-circle thumb-md mb-2"
                          />
                          <!-- <p class="mb-0 text-primary"><b>- Michael C. Rios</b></p> -->
                          <!-- <small class="text-muted">CEO Facebook</small> -->
                        </div>
                      </div>
                    </div>
                    <!--end carousel-item-->
                    <div class="carousel-item">
                      <div class="text-center">
                        <p class="px-4">
                          点燃火柴人:
                          动作类跑酷小游戏，通过操作主角跳跃到承载物上的动作游戏
                        </p>
                        <div>
                          <img
                            src="images/users/user-4.jpg"
                            alt=""
                            class="rounded-circle thumb-md mb-2"
                          />
                          <!-- <p class="mb-0 text-primary"><b>- Lisa D. Pullen</b></p>
                                                <small class="text-muted">CEO Facebook</small> -->
                        </div>
                      </div>
                    </div>

                    <div class="carousel-item">
                      <div class="text-center">
                        <p class="px-4">
                          其他项目:
                          恋爱小厨（二人协作厨房做饭小游戏），扫雷，打砖块，成语闯关，块块叠叠乐，热血街头大灌篮等
                        </p>
                        <div>
                          <img
                            src="images/users/user-4.jpg"
                            alt=""
                            class="rounded-circle thumb-md mb-2"
                          />
                          <!-- <p class="mb-0 text-primary"><b>- Lisa D. Pullen</b></p>
                                                <small class="text-muted">CEO Facebook</small> -->
                        </div>
                      </div>
                    </div>
                    <!--end carousel-item-->
                  </div>
                  <!--end carousel-inner-->
                </div>
                <!--end carousel-->
              </div>
              <!--end /div-->
            </div>
            <!--end col-->

            <div class="col-sm-6">
              <div class="row">
                <div class="col-12">
                  <div class="row">
                    <ul
                      class="col container-filter categories-filter mb-4"
                      id="filter"
                    >
                      <li>
                        <a class="categories active" data-filter="*">All</a>
                      </li>
                      <li>
                        <a class="categories" data-filter=".design"
                          >UI/UX Design</a
                        >
                      </li>
                      <li>
                        <a class="categories" data-filter=".frontend"
                          >Frontend</a
                        >
                      </li>
                      <li>
                        <a class="categories" data-filter=".backend">Backend</a>
                      </li>
                    </ul>
                    <!--end col-->
                  </div>
                  <!-- End portfolio  -->

                  <div class="row container-grid nf-col-3  projects-wrapper">
                    <div class="col-md-4 col-6 p-0 nf-item design">
                      <div class="item-box">
                        <a
                          class="cbox-gallary1 mfp-image"
                          href="images/portfolio/1.jpg"
                          title="Apple"
                        >
                          <img
                            class="item-container "
                            src="images/portfolio/1.jpg"
                            alt="7"
                          />
                          <div class="item-mask">
                            <div class="item-caption">
                              <h5 class="text-white">Apple</h5>
                              <p class="text-white">UI/UX Design</p>
                            </div>
                          </div>
                        </a>
                      </div>
                      <!--end item-box-->
                    </div>
                    <!--end col-->

                    <div class="col-md-4 col-6 p-0 nf-item backend">
                      <div class="item-box">
                        <a
                          class="cbox-gallary1 mfp-image"
                          href="images/portfolio/2.jpg"
                          title="Samsung"
                        >
                          <img
                            class="item-container mfp-fade"
                            src="images/portfolio/2.jpg"
                            alt="2"
                          />
                          <div class="item-mask">
                            <div class="item-caption">
                              <h5 class="text-light">Samsung</h5>
                              <p class="text-light">Android</p>
                            </div>
                          </div>
                        </a>
                      </div>
                      <!--end item-box-->
                    </div>
                    <!--end col-->

                    <div class="col-md-4 col-6 p-0 nf-item design frontend">
                      <div class="item-box">
                        <a
                          class="cbox-gallary1 mfp-image"
                          href="images/portfolio/3.jpg"
                          title="Facebook"
                        >
                          <img
                            class="item-container"
                            src="images/portfolio/3.jpg"
                            alt="4"
                          />
                          <div class="item-mask">
                            <div class="item-caption">
                              <h5 class="text-light">Facebook</h5>
                              <p class="text-light">Frontend</p>
                            </div>
                          </div>
                        </a>
                      </div>
                      <!--end item-box-->
                    </div>
                    <!--end col-->

                    <div class="col-md-4 col-6 p-0 nf-item design frontend">
                      <div class="item-box">
                        <a
                          class="cbox-gallary1 mfp-image"
                          href="images/portfolio/5.jpg"
                          title="WhatsApp"
                        >
                          <img
                            class="item-container"
                            src="images/portfolio/5.jpg"
                            alt="5"
                          />
                          <div class="item-mask">
                            <div class="item-caption">
                              <h5 class="text-light">WhatsApp</h5>
                              <p class="text-light">Graphic Design</p>
                            </div>
                          </div>
                        </a>
                      </div>
                      <!--end item-box-->
                    </div>
                    <!--end col-->

                    <div class="col-md-4 col-6 p-0 nf-item  design">
                      <div class="item-box">
                        <a
                          class="cbox-gallary1 mfp-image"
                          href="images/portfolio/6.jpg"
                          title="Nokia"
                        >
                          <img
                            class="item-container"
                            src="images/portfolio/6.jpg"
                            alt="6"
                          />
                          <div class="item-mask">
                            <div class="item-caption">
                              <h5 class="text-light">Nokia</h5>
                              <p class="text-light">Web Design</p>
                            </div>
                          </div>
                        </a>
                      </div>
                      <!--end item-box-->
                    </div>
                    <!--end col-->

                    <div class="col-md-4 col-6 p-0 nf-item backend frontend">
                      <div class="item-box">
                        <a
                          class="cbox-gallary1 mfp-image"
                          href="images/portfolio/4.jpg"
                          title="Oppo"
                        >
                          <img
                            class="item-container"
                            src="images/portfolio/4.jpg"
                            alt="1"
                          />
                          <div class="item-mask">
                            <div class="item-caption">
                              <h5 class="text-light">Oppo</h5>
                              <p class="text-light">Backend</p>
                            </div>
                          </div>
                        </a>
                      </div>
                      <!--end item-box-->
                    </div>
                    <!--end col-->
                  </div>
                  <!--end row-->
                </div>
                <!--end col-->
              </div>
              <!--end row-->
            </div>
            <!--end col-->
          </div>
          <!--end row-->
        </div>
        <!--end container-->
      </section>
      <!--end section-->

      <section class="section-md my-clients">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-md-2 col-6">
              <img src="images/brand/1.png" alt="" class="img-fluid " />
            </div>
            <!--end col-->
            <div class="col-md-2 col-6">
              <img src="images/brand/2.png" alt="" class="img-fluid " />
            </div>
            <!--end col-->
            <div class="col-md-2 col-6">
              <img src="images/brand/3.png" alt="" class="img-fluid " />
            </div>
            <!--end col-->
            <div class="col-md-2 col-6">
              <img src="images/brand/4.png" alt="" class="img-fluid " />
            </div>
            <!--end col-->
            <div class="col-md-2 col-6">
              <img src="images/brand/5.png" alt="" class="img-fluid " />
            </div>
            <!--end col-->
          </div>
          <!--end row-->
        </div>
        <!--end container-->
      </section>
      <!--end section-->

      <section class="section-md contact-form">
        <div class="container">
          <div class="row">
            <div class="col-12 mb-3">
              <h4 class="header-title mb-3">联系我</h4>
            </div>
            <!--end col-->
            <div class="col-sm-4">
              <div class="contact-info">
                <div class="icon">
                  <i class="uil uil-phone-volume"></i>
                </div>
                <div class="content">
                  <h5>手机:</h5>
                  <span>15889239701</span>
                </div>
              </div>
              <!--end contact-info-->

              <div class="contact-info">
                <div class="icon">
                  <i class="uil uil-envelope"></i>
                </div>
                <div class="content">
                  <h5>邮箱:</h5>
                  <span>zhenghy_f2e@163.com</span>
                </div>
              </div>
              <!--end contact-info-->

              <div class="contact-info">
                <div class="icon">
                  <i class="uil uil-map-marker"></i>
                </div>
                <div class="content">
                  <h5>住址:</h5>
                  <span>广州天河棠下</span>
                </div>
              </div>
              <!--end contact-info-->
            </div>
            <!--end col-->
            <div class="col-sm-8">
              <div class="contact-form">
                <div id="message"></div>
                <form
                  method="post"
                  action="php/contact.php"
                  name="contact-form"
                  id="contact-form"
                >
                  <div class="row">
                    <div class="form-group col-md-6">
                      <label>Name</label>
                      <input
                        type="text"
                        name="name"
                        class="form-control"
                        id="name"
                      />
                    </div>
                    <!--end col-->
                    <div class="form-group col-md-6">
                      <label>Email address</label>
                      <input
                        type="email"
                        name="email"
                        class="form-control"
                        id="email"
                      />
                    </div>
                    <!--end col-->
                    <div class="form-group col-md-12">
                      <label>Message</label>
                      <textarea
                        rows="4"
                        name="message"
                        class="form-control"
                        id="comments"
                      ></textarea>
                    </div>
                    <!--end col-->
                    <div class="form-group col-md-12">
                      <input
                        type="submit"
                        value="Submit now"
                        name="submit"
                        id="submit"
                        class="btn btn-primary px-5 py-2"
                      />
                      <div id="simple-msg"></div>
                    </div>
                    <!--end col-->
                  </div>
                  <!--end row-->
                </form>
                <!--end form-->
              </div>
              <!--end contact-form-->
            </div>
            <!--end col-->
          </div>
          <!--end row-->
        </div>
        <!--end container-->
      </section>
      <!--end section-->

      <section class="section-md thanks-text">
        <div class="container">
          <div class="row">
            <div class="col-12">
              <h3 class="text-center">Thank you !</h3>
            </div>
            <!--end col-->
          </div>
          <!--end row-->
        </div>
        <!--end container-->
      </section>
      <!--end section-->

      <footer class="footer-area">
        <div class="container">
          <div class="row">
            <div class="col-sm-12 text-center">
              <p class="copyright mb-0 py-4">© 2020. Design By Mannat-Theme</p>
            </div>
            <!--end col-->
          </div>
          <!--end row-->
        </div>
        <!--end container-->
      </footer>
      <!--end footer-area-->
    </div>
    <!--end main-wraper-->

    <!-- jQuery  -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="plugins/ripple/jquery.ripples.js"></script>
    <script src="plugins/counter/jquery.counterup.min.js"></script>
    <script src="plugins/counter/waypoints.min.js"></script>
    <script src="plugins/filter/isotope.pkgd.min.js"></script>
    <script src="plugins/filter/masonry.pkgd.min.js"></script>
    <script src="plugins/filter/jquery.magnific-popup.min.js"></script>
    <script src="plugins/animated/headline.js"></script>

    <!-- App js -->
    <script src="js/app.js"></script>
  </body>
</html>
